<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>统计</title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">

<style>
	.pannel-left {
		 
		border-right: 1px solid #EEE;
	}
	.pannel-box {
		margin-bottom: 20px;
	}
	.pannel.first,.second,.third,.fourth,.five,.six{
		width: 33%;
		height: 150px;
		border-radius: 5px;
		display: inline-block;
		margin: 2px;
	}
	.first {
		background: #fc8556;
	}
	.second {
		background: #47c056;
	}
	.third {
		background: #5b8fd4;
	}
	.fourth {
		background: #f8bb38;
	}
	.five {
		background: #019688;
	}
	.six {
		background: #ff5722;
	}
	.pannel-label._first,._second,._third,._fourth {
		font-size: 16px;
		color: #FFF;
		display: block;
		height: 45px;
		width: 140px;
		padding-top: 10px;
		padding-left: 15px;
		border-radius: 2px;
		margin: 1px;
	}
	._first {
		background: #e49d81;
	}
	._second {
		background: #80da8c;
	}
	._third {
		background: #78abef;
	}
	._fourth {
		background: #e8cc8e;
	}
	.pannel .pannel-text {
		height: 100px;
		color: #FFF;
		font-size: 30px;
		text-align: center;
		padding-top: 26px;
	}

	#myTab li {
		width: 140px;
    	text-align: center;
	}
	.tab-box {
		height: 500px;
		width: 100%;
	}
	.tab-box .operator {
		width: 33%;
		height: 100%;
		display: inline-flex;
		padding: 1px;
		background-position:center;
		background-repeat:no-repeat;
		border-left:1px solid #EEE;
	}
</style>
</head>
<body>
	<div class="pannel-left">
		<div>
			<div class="pannel-box">
				<div class="pannel first"><span class="pannel-label _first">库存数（张）</span>
					<div id="totalCards" class="pannel-text"><?php echo $cardCount;?></div></div>
				<div class="pannel fourth"><span class="pannel-label _first">代理数（个）</span>
					<div id="dailinum" class="pannel-text"><?php echo $agentCount;?></div></div>
				<div class="pannel second"><span class="pannel-label _second">激活数（个）</span>
					<div id="paynum" class="pannel-text"><?php echo $activeCount;?></div></div>
				<div class="pannel third"><span class="pannel-label _third">订单总数（个）</span>
					<div id="longstock" class="pannel-text"><?php echo $userRecharge;?></div></div>
				
				<div class="pannel six"><span class="pannel-label _fourth">账户余额</span>
					<div id="activenum" class="pannel-text"><?php echo $agentAccount->money;?></div></div>
				<div class="pannel five"><span class="pannel-label _fourth">累计佣金（元）</span>
					<div id="activell" class="pannel-text"><?php 
					if (empty($agentProfit)) {
                        echo '0';
                    } else {
                        echo $agentProfit;
                    }?></div></div>
				
			</div>
			
		</div>
	</div>
</body>
</html>